<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge ,chrome=1">
    <!--兼容IE-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="会员首页"/>
    <title>会员首页</title>
    <!--css-->
    <link rel="stylesheet" href="__TMPL__/public/assets/css/main.css"/>
    <!--js-->
    <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>

    <script src="__TMPL__/public/assets/js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="__TMPL__/public/assets/js/html5shiv.min.js"></script>


    <link href="__TMPL__/public/assets/css/style2.css" rel="stylesheet"/>

</head>
<body class="vip">
<!--顶部-->
<div class="vip-top">
    <div class="vip-m vip-back"><a href="__ROOT__/">返回重庆市企业医院协会首页</a></div>
</div>
<!--头部-->
<div class="vip-head">
    <div class="vip-m clearfix">
        <div class="vip-logo fl">
        </div>
        <div class="vip-nav fr">
            <ul>
            </ul>
        </div>
    </div>
</div>
<!--主体-->
<div class="vip-m vip-main">
    <!--登录-->
    <div class="vip-signbox clearfix">
        <div class="vip-banner fl clearfix">
            <div id="slideBox" class="slideBox">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#" target="_blank"><img src="__TMPL__/public/assets/images/left_bg.jpg"/></a></li>
                    </ul>
                </div>

                <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                <a class="prev" href="javascript:void(0)"></a>
                <a class="next" href="javascript:void(0)"></a>

            </div>

            <script type="text/javascript">
                jQuery("#slideBox").slide({
                    mainCell: ".bd ul",
                    autoPlay: true,
                    autoPage: "<li></li>",
                    titCell: ".hd ul",
                    effect: "leftLoop",
                    interTime: 3500
                });
            </script>
        </div>

        <div class="vip-sign fl clearfix">
            <form action="{:url('user/login/doLogin')}" class="form-validation" method="post">
                <div class="vip-toptitle">
                    <h3>会员登录</h3>
                    <p>SIGN IN</p>
                </div>
                <div>
                    <input class="focus-on vip-username" datatype="m|e" errormsg="请输入手机号或邮箱" id="UserName"
                           name="username" nullmsg="请输入手机号或邮箱！" placeholder="手机号/邮箱" required="" sucmsg=" " type="text"
                           value=""/>
                </div>
                <div>
                    <input class="vip-password" datatype="*" errormsg=" " id="Password" name="password"
                           nullmsg=" 请输入密码！" placeholder="密码" required="" sucmsg=" " type="password"/>
                </div>
                <div class="vip-yzm clearfix">
                    <input name="captcha" type="text" placeholder="验证码" class="yzmbox fl">
                    <div class="fl yzm">
						<span id="captcha">
							<captcha height="35" width="94" font-size="14"/>
						</span>

                    </div>

                </div>
                <div class="clearfix">
                    <div class="login fl">
                        <ul class="clearfix">
                            <li><a href="{:cmf_url('user/register/index')}">立即申请</a></li>
                            <li class="line2"></li>
                            <!--<li><a href="{:cmf_url('user/login/findPassword')}">忘记密码</a></li>-->
                        </ul>
                    </div>
                    <input type="submit" value="登录" class="btn fr"/>
                </div>
            </form>
        </div>
    </div>

    <!--页面导航-->
    <div class="vip-main-nav">
        <table>
            <tr>
                <td class="current"><a href="#"><i class="iconfont">&#xe60c;</i>会员信息查询</a></td>
                <td><a href="{:cmf_url('user/register/index')}?type=person"><i class="iconfont">&#xe60b;</i>申请个人会员</a>
                </td>
                <td><a href="{:cmf_url('user/register/index')}?type=company"><i class="iconfont">&#xe602;</i>申请单位会员</a>
                </td>

                <td><a href="__ROOT__/"><i class="iconfont">&#xe608;</i>重庆市企业医院协会首页</a></td>
            </tr>
        </table>
    </div>
    <!--列表-->


    <div class=" clearfix" style="border-top:1px lightblue solid;">

    </div>
</div>

<!--底部-->
<div class="vip-footer vip-m ">
    Powered By
    重庆夼旗科技有限公司
    Copyright&copy; v1.0.1

</div>


<!--自定义颜色-->
<style>
    .vip-top {
        background-color: #325078;
    }

    /*顶部*/
    .vip-top .vip-back a {
        color: #fff;
    }

    /*顶部字体颜色*/
    .vip-top .vip-back a:hover {
        color: #eee;
    }

    .vip-head .vip-style a {
        background-color: #324F77;
        color: #fff;
    }

    /*头部会员服务网的背景及文字颜色*/
    .vip-head .vip-nav ul > li h3 a {
        color: #596F8B;
    }

    /*导航*/
    .vip-head .vip-nav .select h3 a {
        color: #0088CE;
    }

    /*鼠标经过时，导航文字颜色*/
    .vip-signbox .vip-sign .vip-toptitle,
    .vip-main .vip-signbox .vip-sign .vip-yzm span,
    .vip-main .vip-signbox .vip-success .vip-username2 h3,
    .vip-head .vip-nav .vip-sub p a {
        color: #325078;
    }

    /*二级导航 , 登录标题，验证码，登陆之后用户名*/
    .vip-head .vip-nav .vip-sub p:hover {
        background-color: #EDF3FA;
    }

    /*二级导航，鼠标经过时背景色*/
    .vip-main .vip-signbox .vip-sign input {
        color: #98A3B4;
    }

    /*输入框中字体颜色*/
    .vip-main .vip-signbox .vip-sign input.focus-on {
        border-color: #0096e3;
    }

    /*获取焦点时，边框的颜色*/
    .vip-main .vip-signbox .vip-sign .login li a {
        color: #98A3B4;
    }

    /*立即注册的颜色*/
    .vip-main .vip-signbox .vip-sign .login li a:hover {
        color: #0088CE;
    }

    /*鼠标经过立即注册的颜色*/
    .vip-main .vip-signbox .vip-sign .btn {
        background-color: #0095E2;
        color: #fff;
    }

    /*提交按钮*/
    .vip-main .vip-signbox .vip-sign .btn:active {
        background-color: #0F80C3;
    }

    .vip-main .vip-signbox .vip-success {
        color: #314F77;
    }

    /*登陆之后文字颜色*/
    .vip-main .vip-signbox .vip-success .vip-username2 .position {
        color: #fff;
        background-color: #314F77;
    }

    /*登陆后，职位的颜色*/
    .vip-main .vip-signbox .vip-success .vip-exit a {
        color: #C4144A;
    }

    /*退出登录*/

    /*页面导航*/
    .vip-main-nav {
        background-color: #0095E3;
    }

    .vip-main-nav td a {
        color: #fff;
        border-right: 1px solid #4BB4EB;
    }

    /*文字颜色及 分割线颜色*/
    .vip-main-nav td.current,
    .vip-main-nav td:hover {
        background-color: #0F80C3;
    }

    /*鼠标经过*/

    /*列表*/
    .vip-list .vip-news .vip-news-list li a,
    .vip-list .vip-ques .vip-ques-list li a,
    .vip-title {
        color: #314F77;
    }

    /* 列表的标题，新闻列，常见问题列*/
    .vip-title a {
        color: #98A3B4;
    }

    /*更多按钮*/
    .vip-title a:hover {
        color: #0F80C3;
    }

    .vip-list .vip-ques .vip-ques-list li:hover,
    .vip-list .vip-news .vip-news-list li:hover {
        background-color: #F6F9FD;
    }

    /*鼠标经过每一列的背景色*/

    /*底部*/
    .vip-footer .vip-mess li {
        color: #314F77;
    }

    .vip-footer .vip-ewm {
        background-color: #89CDB6;
    }

    /*二维码框*/
    .vip-footer .vip-ewm .vip-ewm-text {
        color: #fff;
    }

    /*框中文字颜色*/
</style>
<script src="__STATIC__/js/layer/layer.js"></script>

<script>
    $(".form-validation").submit(function () {
        var data = $(this).serialize();
        console.log(data)
        var url = $(this)[0].action;
        $.post(url, data, function (res) {
            if (res.code == 1) {
                console.log(res);
                window.location.href = res.url;
            }else {
                layer.alert(res.msg,function (index) {
                    $("#captcha").find('img').click();
                    layer.close(index);
                });
            }
        })
        return false;
    })
</script>
</body>
</html>
